{include file="common/header" /}

<style>
    .layui-elem-quote{
      border-left:5px solid #1162e8;
    }
  
    .crumbs span{
      display: inline-block;
      color: #666;
      font-size: 14px;
      margin-right: 5px;
    }
  
  </style>
  
  <div class="w1200 mt15">
  
    <blockquote class="layui-elem-quote crumbs">
      <!-- <span>首页</span><span>></span> -->
      <span>{:lang('Home')}</span><span>></span>
      <span>{:lang($cate.category_name)}</span>
    </blockquote>
    
  </div>
  
  
  <div class="w1200 mt15">
  
    <div class="layui-row layui-col-space15">
  
      <div class="layui-col-lg9">
        {include file="common/main_list" /}


        <!------------- 分页开始 ------------->
        <div style="text-align: center;">
          <div id="laypage"></div>
        </div>

        <script>
          
          layui.use(function(){
            var laypage = layui.laypage;
            // 普通用法
            laypage.render({
              elem: 'laypage',
              count: "{$total}",// 数据总数
              curr:"{$page}"
            });
        
            $("#laypage a").on("click",function(){
              var page = $(this).attr("data-page");
              window.location.href="{:url('/index/category',['id'=>$current])}"+"&page="+page
            })
        
        
          });
        </script>

        <!------------- 分页结束 ------------->



      </div>
  
      <div class="layui-col-lg3">
  
        {include file="common/author_other" /}

        <div class="mt20">
            {include file="common/recommend" /}
        </div>

        <!--随机文章-->
        <div class="mt20">
            
        </div>
  
      </div>
    </div>
  
  </div>
  

  {include file="common/footer" /}